<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>iPad - apple(中国)</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/jquery-2.2.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
    <div class="up_nav">
        <div class="container" style="line-height:40px;">
            <广告>
        </div>
    </div>
    
    <div class="nav">
        <div class="container">
            <ul class="nav_ul">
                <li><a class="iconfont icon-pingguo icon_color_white" href="index.html"></a></li>
                <li><a class="icon_color_white" href="Mac.html">Mac</a></li>
                <li><a class="icon_color_white" style="color:rgba(255,255,255,0.8)" href="iPad.html">iPad</a></li>
                <li><a class="icon_color_white" href="iPhone.html">iPhone</a></li>
                <li><a class="icon_color_white" href="Watch.html">Watch</a></li>
                <li><a class="icon_color_white" href="#">Music</a></li>
                <li><a class="icon_color_white" href="#">技术支持</a></li>
                <li><a class="iconfont icon-sousuo icon_color_white" href="#"></a></li>
                <li><a class="iconfont icon-gouwudai icon_color_white" href="#"></a></li>
            </ul>
        </div>
    </div><!-- 导航结束 -->


    <div class="Mac_photo">
        
        <div class="container text-center">
            <div class="inlin">
                <a href="#">
                <span class="iconfont icon-ipad"></span><br>
                <small>iPad Pro</small>
                </a>
            </div>
            <div class="inlin">
                <a href="#">
                    <span class="iconfont icon-ipad"></span><br>
                    <small>iPad Air 2</small>
                </a>
            </div>
            <div class="inlin">
                <a href="#">
                <span class="iconfont icon-ipad"></span><br>
                <small>iPad mini 4</small>
                </a>
            </div>
            <div class="inlin">
                <a href="#">
                <span class="iconfont icon-ipad"></span><br>
                <small>iPad mini 2</small>
                </a>
            </div>
            <div class="inlin">
                <a href="#">
                <span class="iconfont icon-ipad"></span><br>
                <small>iOS 10</small>
                </a>
            </div>
            <div class="inlin">
                <a href="#">
                <span class="iconfont icon-ipad"></span><br>
                <small>配件</small>
                </a>
            </div>
            <div class="inlin">
                <a href="#">
                <span class="iconfont icon-ipad"></span><br>
                <small>机型比较</small>
                </a>
            </div>
        </div>

    </div>


    <div class="Mac_1" style="padding-bottom:0;">
            <div class="Mac_1_font text-center">
                <h1>
                    iPad Pro
                </h1>
                <h3>
                   你的下一台电脑，<br>
                   现更以两种尺寸呈现。
                </h3>
                <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
            <img src="images/ipad1.jpg" alt="">
            </div>
    </div>

    <div class="ipad">
        <div class="container" style="overflow:hidden">
            <div class="row">
                
                <div class="col-lg-8 text-left col-lg-offset-4 pht">
                    <div class="pht_re">
                    <h2>
                        Apple Pencil <br>
                        为iPad Pro而来
                    </h2>
                    <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
                    </div>

                    <img src="images/ipad2.jpg" alt=""></div>
            </div>
        </div>
    </div>

    <div class="ipad text-left pht2" style="padding:0 50px;overflow:hidden">
            
                <div class="pht_re2">
                <h2>
                    Smart Keyboard<br>
                    为iPad Pro而来
                </h2>
                <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
                </div>

                <img src="images/ipad3.png" alt="">
    </div>

    <div class="ipad ipad_img text-center" style="overflow:hidden;">
        <h2>上百万款为 iPad 而来的 App。</h2>
        <p>
            你的 iPad 内置有多款强大 app 来帮你处理各种日常事务。而 App Store 中更有上百万款精彩 app，均为 iPad 宽大精美的 Retina 显示屏而设计。你喜欢做的事，几乎都有相应的 iPad app 能帮到你。
        </p>
        <a href="#">访问 App Store</a>
    </div>


    <div class="ipad_no text-left" style="padding:0 50px;overflow:hidden">
            
                <div class="pht_re2">
                <h2>
                   iPad Air 2<br>
                    一身轻，更举重若轻。
                </h2>
                <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
                </div>

                <img src="images/ipad5.jpg" alt="">
    </div>

    <div class="ipad_2" style="overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    iPad mini 4
                </h2>
                <h3>
                   小身型，大有身手。
                </h3>
                <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
            <img src="images/ipad6.jpg" alt="">
            </div>
    </div>


    <div class="ipad_3 text-center" style="overflow:hidden">
        <div>
            <img src="images/icon_ios10_large.png" alt="">
            <h2>更个性，更强大，也更有乐趣。</h2>
            <p>在 iOS 10 上，你喜欢做的各种事情都会变得更生动、更有趣、更富表<br>现力。</p>
             <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a></p>
        </div>
        <figure class="ipad3_bg"></figure>
        
    </div>
    
    <div class="ipad_3 text-center" style="margin-bottom:0;overflow:hidden">
        <div>
            <h2>iPad 机型比较</h2>
             <p style="padding:20px 0"><a class="font_20" href="#">找到适合你的iPad > </a></p>
        </div>
        <figure class="ipad4_bg"></figure>
        
    </div>


    <div class="container" style="padding:50px 15px;overflow:hidden">
        <div class="row">
            <div class="col-lg-6 text-center">
                <img src="images/lingshou.png" alt="">
                <h2>前往零售店</h2>
                <p>到 Apple Store 零售店亲身体验各种 Apple 产品，我们还将为你解答所有问题。</p>
                <a class="font_20" href="#"><small>进一步了解 > </small></a>
            </div>
            <div class="col-lg-6 text-center">
                <img src="images/lingshou.png" alt="">
                <h2>免费送货</h2>
                <p>享受免费送货上门服务。</p>
                <a class="font_20" href="#"><small>进一步了解 > </small></a>
            </div>
        </div>
    </div>

    <section>
        <figure class="bg ipad5_bg bot_10" style="overflow:hidden">
            <div class="text-center">
                <h3>iPad 配件</h3>
                <p>众多出色工具，助你充分发掘 iPad 的精彩。</p>
                <a class="font_20" href="#"><small>选购 iPad 配件 > </small></a>
            </div>
        </figure>

    </section>

    <section>
        <figure class="bg ipad6_bg bot_10" style="overflow:hidden">
            <div class="text-center color_white">
                <h3>iPad 教育应用</h3>
                <p>在课堂上大大转变学习、授课和创造的方式。</p>
                <a class="font_20 color_white" href="#"><small>进一步了解 iPad 教育应用 > </small></a><br>
                <a class="font_20 color_white" href="#"><small>教育选购 > </small></a>
            </div>
        </figure>

    </section>

     <section>
        <figure class="bg ipad7_bg bot_10" style="overflow:hidden">
            <div class="text-center color_white">
                <h3>iPad 商务应用</h3>
                <p>多种多样的可能性，让你的工作方式从此大不相同。</p>
                <a class="font_20 color_white" href="#"><small>进一步了解 iPad 商务应用 > </small></a><br>
                <a class="font_20 color_white" href="#"><small>商务选购 > </small></a>
            </div>
        </figure>

    </section>

    <section>
        <figure class="bg ipad8_bg" style="overflow:hidden">
            <div class="text-center color_white">
                <h3>
                参加店内免费讲座，<br>
                发掘 iPad 的无限精彩。        
                </h3>
                <p>报名参加 Apple Store 零售店内的操作技巧讲座，学习基础知识，提高你的 iPad 使用技能。</p>
                <a class="font_20 color_white" href="#"><small>查找你附近的讲座 > </small></a>
            </div>
        </figure>

    </section>

    <div class="bottom" style="overflow:hidden">
            <div class="container" style="padding:15px 15px;border-bottom:1px solid #888888">
                <div class="row">
                    <span class="iconfont icon-pingguo" style="color:#333"></span> <span style="color:#888888">></span> Mac
                </div>
            </div>
            <div class="container" style="padding:20px 0">
                <ul class="bottom_ul1">
                    <li>
                        <p><b>选购及了解</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>Apple Store 商店</b></p>
                        <ul class="ul_ul">
                           <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>教育应用</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>账户</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>关于Apple</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                </ul>
            </div>

            <div class="container" style="padding:10px 0;border-bottom:1px solid #888888;color:#888888">
            更多选购方式：前往 <a href="#">Apple Store 零售店</a>，致电 400-666-8800 或查找在你附近的<a href="#">授权经销商</a>
            </div>

            <div class="container">
                <div class="row" style="padding:5px 0;">
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12" style="padding:0;color:#888888">
                    <b>Copyright © 2017 Apple Inc.</b> 保留所有权利。
                    </div>
                    <div class="col-lg-4 col-md-10 col-sm-10 col-xs-10">
                        <ul class="end_ul">
                            <li><a href="#">隐私政策</a></li>
                            <li><a href="#">使用条款</a></li>
                            <li><a href="#">销售政策</a></li>
                            <li><a href="#">法律信息</a></li>
                            <li style="border:0;"><a href="#">网站地图</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 text-right">
                        <img src="images/china.png" alt="中国">
                        <a href="#">中国</a>
                    </div>
                </div>
                <div class="row" style="color:#888888">
                    京公安网安备 11010502008968 <a href="#" style="color:#888888">京ICP备10214630</a>
                </div>
            </div>

        </div>







</body>
</html>